body{
	background-color: #000000;
}
.title-main,.title-small{
	text-align: center;
}
.header-title{
	width: 100%;
}
.header-title img{
	max-width: 90%;
}
.header-title .title-small {
    margin-bottom: 13%;
}
#content{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
}
#login,#reg{
	background-color: #b3dbff;
	padding-bottom: 5%;
	width: 80%;
	margin: 0 auto;
}
.wrapper-bttom{
	color: lightgray;
	text-align: center;
	margin-top: 8%;
}
/*横屏时*/
@media screen and (min-width: 1000px)  {
	#content{
		width: 65%;
	}
	.header-title .title-small {
	    margin-bottom: 5%;
	}
}
/*手机*/
@media screen and (max-width: 400px)  {
	#login,#reg{		
		width: 90%;		
	}
}